import Vue from 'vue'

import Cookies from 'js-cookie'

import Element from 'element-ui'
import './assets/styles/element-variables.scss'
import '@/assets/styles/index.scss' // global css
import '@/assets/styles/ruoyi.scss' // ruoyi css
import App from './App'
import store from './store'
import router from './router'
import directive from './directive' // directive
import plugins from './plugins' // plugins
import { download } from '@/utils/request'
import Vue2OrgTree from 'vue2-org-tree';
import './assets/styles/org-tree.less'
import './assets/icons' // icon
import './permission' // permission control
import { getDicts } from "@/api/system/dict/data";
import { getConfigKey, updateConfigByKey } from "@/api/system/config";
import { parseTime, resetForm, addDateRange, addDateRangeTime, checkRow, selectDictLabel, selectDictLabels, handleTree } from "@/utils/ruoyi";
// 分页组件
import Pagination from "@/components/Pagination";
// 自定义表格工具组件
import RightToolbar from "@/components/RightToolbar"
// 富文本组件
import Editor from "@/components/Editor"
// 文件上传组件
import FileUpload from "@/components/FileUpload"

import FileUploadBase from "@/components/FileUploadBase"
import UserDialog from "@/components/UserDialog"
import UserDialogSelection from "@/components/UserDialogSelection"
import AppDesc from "@/components/AppDesc/AppDesc"
import DeatilAudit from "@/components/DeatilAudit"
import DeatilItemBox from "@/components/DeatilItemBox"
import PreviewDrawer from "@/components/PreviewDrawer"



import VideoUpload from "@/components/VideoUpload"

// 图片上传组件
import ImageUpload from "@/components/ImageUpload"
// 图片预览组件
import ImagePreview from "@/components/ImagePreview"
// 字典标签组件
import DictTag from '@/components/DictTag'
// 头部标签组件
import VueMeta from 'vue-meta'
// 字典数据组件
import DictData from '@/components/DictData'
import tinymce from '@/components/tinymce'
import bcrypt from 'bcryptjs'
import VueBarcode from '@xkeshi/vue-barcode'; //导入条形码插件
Vue.component('barcode', VueBarcode);  //声明条形码组件
Vue.use(bcrypt)
// 全局方法挂载
Vue.prototype.getDicts = getDicts
Vue.prototype.getConfigKey = getConfigKey
Vue.prototype.updateConfigByKey = updateConfigByKey
Vue.prototype.parseTime = parseTime
Vue.prototype.resetForm = resetForm
Vue.prototype.addDateRange = addDateRange
Vue.prototype.addDateRangeTime = addDateRangeTime
Vue.prototype.checkRow = checkRow
Vue.prototype.selectDictLabel = selectDictLabel
Vue.prototype.selectDictLabels = selectDictLabels
Vue.prototype.download = download
Vue.prototype.handleTree = handleTree

// 全局组件挂载
Vue.component('DictTag', DictTag)
Vue.component('Pagination', Pagination)
Vue.component('RightToolbar', RightToolbar)
Vue.component('Editor', Editor)
Vue.component('FileUpload', FileUpload)
Vue.component('FileUploadBase', FileUploadBase)
Vue.component('UserDialog', UserDialog)
Vue.component('UserDialogSelection', UserDialogSelection)

Vue.component('AppDesc', AppDesc)
Vue.component('DeatilAudit', DeatilAudit)
Vue.component('DeatilItemBox', DeatilItemBox)
Vue.component('PreviewDrawer', PreviewDrawer)



Vue.component('ImageUpload', ImageUpload)
Vue.component('VideoUpload', VideoUpload)


Vue.component('ImagePreview', ImagePreview)
Vue.component('tinymce', tinymce)

Vue.use(directive)
Vue.use(Vue2OrgTree)

Vue.use(plugins)
Vue.use(VueMeta)
DictData.install()

import FullCalendar from '@fullcalendar/vue'; // 注意这里引入的是 @fullcalendar/vue
import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin from '@fullcalendar/interaction';

Vue.component('full-calendar', FullCalendar);


/**
 * If you don't want to use mock-server
 * you want to use MockJs for mock api
 * you can execute: mockXHR()
 *
 * Currently MockJs will be used in the production environment,
 * please remove it before going online! ! !
 */

// 修改 el-dialog 默认点击遮照为不关闭
Element.Dialog.props.closeOnClickModal.default = false

Vue.use(Element, {
  size: Cookies.get('size') || 'medium' // set element-ui default size
})

Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App)
})
